﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="email=no" name="format-detection"/>
<meta content="telephone=no" name="format-detection" />
<link href="css/layout.css" type="text/css" rel="stylesheet" >
<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/main.js"></script>
<script src="js/index.js"></script>
<script src="js/TouchSlide.1.1.js" type="text/javascript"></script>
</head>
<body>
<!--search start-->
<div class="search">
  <div class="search-cont"> <i class="icon-iconfont-yuanzhongtou"></i>
    <div class="search-inp"><i class="icon-iconfont-yuyin"></i><i class="icon-iconfont-sousuo"></i>
      <div class="search-input-box">
        <input class="search-input" type="text" placeholder="输入关键字">
      </div>
    </div>
  </div>
</div>
<!-- search end-->
<div class="page">
  <div class="h45"></div>
  <!--banner start-->
  <div class="banner">
    <div id="slideBox" class="slideBox">
      <div class="bd">
        <ul>
          <li> <a class="pic" href="#"><img src="images/banner01.jpg" /></a> </li>
          <li> <a class="pic" href="#"><img src="images/banner01.jpg"/></a></li>
          <li> <a class="pic" href="#"><img src="images/banner01.jpg"/></a> </li>
        </ul>
      </div>
      <div class="hd">
        <ul>
        </ul>
      </div>
    </div>
    <script type="text/javascript">
				TouchSlide({ 
					slideCell:"#slideBox",
					titCell:".hd ul", 
					mainCell:".bd ul", 
					effect:"leftLoop", 
					autoPage:true,
					autoPlay:true 
				});
			</script> 
  </div>
  <!-- banner end--> 
  <!--menu start-->
  <div class="menu">
    <div class="menu-sub"><a href="" class="menu-sub1"></a><span>科室找药</span></div>
    <div class="menu-sub"><a href="" class="menu-sub2"></a><span>部位找药</span></div>
    <div class="menu-sub"><a href="" class="menu-sub3"></a><span>家庭小药箱</span></div>
    <div class="menu-sub"><a href="" class="menu-sub4"></a><span>季节病</span></div>
    <div class="menu-sub"><a href="" class="menu-sub5"></a><span>慢性病</span></div>
    <div class="menu-sub"><a href="" class="menu-sub6"></a><span>老人用药</span></div>
    <div class="menu-sub"><a href="" class="menu-sub7"></a><span>儿童用药</span></div>
    <div class="menu-sub"><a href="" class="menu-sub8"></a><span>妇女用药</span></div>
  </div>
  <!--menu end--> 
  <!--coverflow start-->
  <div class="coverflow-tit"> <i class="icon-iconfont-icon28"></i> 190813热评TOP 10 </div>
  <div class="coverflow">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒灵1</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒灵2</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒3灵</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒灵4</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒灵5</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒灵6</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒灵7</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒灵8</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒灵9</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
        <div class="swiper-slide">
          <div class="coverflow-cont"><a href=""><img src="images/pic01.jpg" class="coverflow-img">
            <p class="coverflow-info"><span class="coverflow-info-left"><span class="coverflow-info-tit">999感冒灵10</span><span class="coverflow-info-deso">改善身体的维生素</span></span><span class="coverflow-info-right"><span class="coverflow-info-pl">评论人数</span><i class="coverflow-info-plno">1</i><i class="coverflow-info-plno">2</i><i class="coverflow-info-plno">2</i></span></p>
            </a></div>
        </div>
      </div>
    </div>
  </div>
  
  <!--coverflow end--> 
  <!--coverflow start-->
  <div class="know-tit"> <i class="icon-iconfont-zhishiku"></i> 健康知识</div>
  <div class="know">
    <ul class="know-ul">
      <li class="know-li"><a href=""><img src="images/banner01.jpg" class="know-img"><span class="know-right"><span class="know-right-tit">运动后如何正确喝水？</span><span class="know-right-info"><span class="know-right-pls">已读 275</span><span class="know-right-bq1">健康饮食</span></span></span></a></li>
      <li class="know-li"><a href=""><img src="images/banner01.jpg" class="know-img"><span class="know-right"><span class="know-right-tit">运动后如何正确喝水？</span><span class="know-right-info"><span class="know-right-pls">已读 275</span><span class="know-right-bq2">女性保养</span></span></span></a></li>
      <li class="know-li"><a href=""><img src="images/banner01.jpg" class="know-img"><span class="know-right"><span class="know-right-tit">运动后如何正确喝水？</span><span class="know-right-info"><span class="know-right-pls">已读 275</span><span class="know-right-bq3">男性健康</span></span></span></a></li>
      <li class="know-li"><a href=""><img src="images/banner01.jpg" class="know-img"><span class="know-right"><span class="know-right-tit">运动后如何正确喝水？</span><span class="know-right-info"><span class="know-right-pls">已读 275</span><span class="know-right-bq4">孕婴手册</span></span></span></a></li>
      <li class="know-li"><a href=""><img src="images/banner01.jpg" class="know-img"><span class="know-right"><span class="know-right-tit">运动后如何正确喝水？</span><span class="know-right-info"><span class="know-right-pls">已读 275</span><span class="know-right-bq5">男性健康</span></span></span></a></li>
      <li class="know-li"><a href=""><img src="images/banner01.jpg" class="know-img"><span class="know-right"><span class="know-right-tit">运动后如何正确喝水？</span><span class="know-right-info"><span class="know-right-pls">已读 275</span><span class="know-right-bq6">孕婴手册</span></span></span></a></li>
    </ul>
    <div class="load-more"><span>查看更多</span></div>
  </div>
  <!--coverflow end--> 
</div>
<!-- Swiper JS --> 

<!-- Initialize Swiper --> 
<script>
    var swiper = new Swiper('.coverflow .swiper-container', {
        effect: 'coverflow',
        grabCursor: true,
        centeredSlides: true,
        slidesPerView: 'auto',
        coverflow: {
            rotate: 40,
            stretch: 0,
            depth: 100,
            modifier: 1,
            slideShadows : true
        },
		loop: true
    });

    
</script>
</body>
</html>
